import React, { useState, useEffect } from 'react';
import ReactDOM from 'react-dom';
import { Link, useHistory } from 'react-router-dom'
import { Layout, Menu, Breadcrumb, Row, Col, Button, Tabs, Space, message, Image } from 'antd';
import { Carousel } from 'antd';
import { UserOutlined, LaptopOutlined, NotificationOutlined } from '@ant-design/icons';
import p1 from '../../../picture/1.png'
export default () => {
    const history = useHistory()
    const contentStyle = {
        height: '160px',
        color: '#fff',
        lineHeight: '160px',
        textAlign: 'center',
        background: '#364d79',
    };

    return (
        <>
            <Carousel autoplay>
                <div>
                    <Image
                        src={"https://www.hualigs.cn/image/6097f92b89883.jpg"}
                    >
                    </Image>
                </div>
                <div>
                    <Image
                        src={"https://www.hualigs.cn/image/6097fc16bf436.jpg"}
                    >
                    </Image>
                </div>
                <div>
                    <Image
                        src={"https://www.hualigs.cn/image/6097fc16bcaaf.jpg"}
                    >
                    </Image>
                </div>
                <div>
                    <Image
                        src={"https://www.hualigs.cn/image/6097fc16c1b52.jpg"}
                    >
                    </Image>
                </div>
            </Carousel>,
        </>
    )
}


